<!-- D:/project/app/ydz-app-uniapp/static/images/knowledge/disease -->
<template>
	<view class="pagebody">
		<view class="topbox">
			<NavHeader></NavHeader>
		</view>
		<view class="banner">
		</view>
		<view class="conbox">
			<view class="title">
				中文说明书翻译服务|专业翻译，用药无忧，不负每一份信任
			</view>
			<!-- 			<view class="timebox">
				<span>已帮助: {{detail.hits}}人</span>
				<span>{{detail.updateTime}} </span>
			</view> -->
			<consulting></consulting>
			<view class="content">
				药品说明书是药品情况的“官方说明”，是指导患者用药的科学依据。但大多数海外药品的说明书以英文为主，这对于国内患者及医护人员而言，无疑增加了理解和使用的难度。
				正所谓“术业有专攻”，专业的事情就交给专业的人来办。我司正式推出中文说明书翻译服务，专业医学顾问定制式翻译，旨在搭建起一座沟通的桥梁，让每一份药品说明书都能具备准确性、专业性和可读性。让患者一“书”在手，用药无忧。
				专业翻译，精准传达
				不负每一份信任
				在药品说明书翻译中，准确无误至关重要。一个微小的翻译错误，可能会导致用药剂量的偏差，甚至影响患者的生命健康。因此，选择专业翻译服务，是确保药品信息准确无误的关键。我们秉持着客户至上的原则，以实力与专业为患者精准传达药品信息。
				专业医学翻译团队
				我们拥有一支由资深医学翻译专家组成的团队，精通多国语言，具备深厚的医学背景，能够准确理解并翻译药品说明书中的专业术语、用法用量、注意事项等关键信息，确保翻译的准确性和专业性。
				全程跟踪管理
				我们建立了完善的翻译质量把控流程，从初译、审校到终审，每一环节都经过严格把关，确保翻译质量符合国际医学翻译标准。同时，我们采用先进的翻译记忆库和术语库技术，提高翻译效率，保持翻译风格的一致性。
				定制化服务
				我们深知每个药品都有其独特性，因此提供定制化的翻译服务。无论是针对特定患者群体的简化版说明书，还是满足监管要求的详细版说明书，我们都能根据客户需求，提供更适合的翻译方案。

				我们将不负每一份信任，组建了一支精英医学顾问团队，具备深厚的医学知识背景和丰富的翻译经验，有实力提供专业翻译服务。让患者跨越语言障碍，提供量身定制的翻译解决方案。
				如您有意向了解更多相关信息，可微信“扫一扫”下方二维码，添加医学顾问，为您详细解答。

			</view>
			<!-- 			<view class="reference_material">
				参考资料： {{detail.referenceMaterial?detail.referenceMaterial:ydzsetobj.referenceMaterial}}
			</view>
			<view class="disclaimers">
				<span class="disclaimers_font">免责声明：</span>
				{{detail.disclaimers?detail.disclaimers:ydzsetobj.disclaimers}}
			</view> -->
		</view>
		<AdvCom :type='4'></AdvCom>
		<!-- 组件5 -->
		<view class="formbox">
			<view class="justify-center flex-col align-center"
				style="border-bottom: 1rpx solid #D7DDDC;padding-bottom: 24rpx;">
				<view class="title " style="">
					<span
						style="font-weight: 800;font-size: 40rpx;color: #303B39;z-index: 99;position: relative;">在线留言</span>
					<view class="pos-abs titleline">
					</view>
				</view>
				<view class="" style="font-size: 28rpx;color: #576260;margin-top: 24rpx;">
					提交您的相关信息，耐心等到药队长医药顾问联系。
				</view>
			</view>
			<view class="formcontent">
				<view class="" style="font-weight: 800;font-size: 32rpx;color: #576260;">
					称呼
				</view>
				<uni-easyinput style="margin-top: 24rpx;border-radius: 16rpx;height: 90rpx;" v-model="leaveBoard.name"
					:placeholderStyle="placeholderStyle" placeholder="请输入您的称呼"></uni-easyinput>
				<view class="" style="font-weight: 800;font-size: 32rpx;color: #576260;margin-top: 32rpx;">
					联系方式 <span style="color: red;">*</span>
				</view>
				<uni-easyinput type="number" style="margin-top: 24rpx;border-radius: 16rpx;height: 90rpx;"
					v-model="leaveBoard.tel" :placeholderStyle="placeholderStyle"
					placeholder="请输入您的联系方式"></uni-easyinput>
				<view class="" style="font-weight: 800;font-size: 32rpx;color: #576260;margin-top: 32rpx;">
					问题描述
				</view>
				<u-input type="textarea" maxlength="500" border
					style="margin-top: 24rpx;border-radius: 16rpx;height: 253rpx;overflow: auto;font-size: 32rpx;"
					v-model="leaveBoard.content" :placeholderStyle="textareaStyle" placeholder="请输入您的问题描述" />
				<view class="align-center loginbtn justify-between">
					<button class="button fwbold" :style="{opacity:leaveBoard.tel.length>0?'1':'0.5'}"
						:disabled="leaveBoard.tel.length>0?false:true" type="primary" @click="submit">立即提交</button>
				</view>
			</view>
		</view>
		<typenews :type="1" :disid="userDocument.diseaseId" :list="othernewslist"></typenews>
		<community></community>
		<typenews :type="2" :disid="userDocument.diseaseId" :list="znNewsList">
		</typenews>
		<AboutDrug :drugList="drugList"></AboutDrug>
		<AdvCom :type='4'></AdvCom>
		<AboutClinical :clinicalList="clinicalList"></AboutClinical>
		<HotnewsCom></HotnewsCom>
		<FixedFoot :typeid="2"></FixedFoot>
	</view>
</template>

<script>
	import NavHeader from '../../layouts/navheader.vue';
	import consulting from '../../components/generalcom/consulting.vue'
	import AdvCom from '../../layouts/advcome.vue';
	import typenews from '../../components/generalcom/typenews.vue';
	import community from '../../components/generalcom/community.vue'
	import AboutDrug from '../../components/generalcom/aboutdrug.vue';
	import AboutClinical from '../../components/generalcom/aboutclinical.vue';
	import HotnewsCom from '../../components/generalcom/hotnewcom.vue';
	import FixedFoot from '../../layouts/fixedfoot.vue';
	import {
		getotherlist,
		getDrugList,
		getClinicalList,
		getydzSet,
		leaveBoardAdd
	} from '@/api/api.js'
	import {
		getInfo
	} from '@/api/login'
	export default {
		components: {
			NavHeader,
			consulting,
			AdvCom,
			typenews,
			community,
			AboutDrug,
			AboutClinical,
			HotnewsCom,
			FixedFoot
		},
		onLoad(option) {
			this.getUser()

			this.getClinicalList();
			this.getset();
		},
		data() {
			return {
				userDocument: {},
				drugList: [],
				newsList: [],
				othernewslist: [],
				znNewsList: [],
				diseaseList: [],
				detail: {},
				clinicalList: [],
				ydzsetobj: {},
				placeholderStyle: "color:#7E8987;font-size:32rpx;font-weight: 400;",
				textareaStyle: "color:#7E8987;font-size:32rpx;font-weight: 400;",
				leaveBoard: {
					name: '',
					tel: '',
					content: ''
				}

			};
		},
		methods: {
			getset() {
				getydzSet().then(res => {
					this.ydzsetobj = res.data
				})
			},
			getUser() {
				getInfo().then(res => {
					this.userDocument = res.userDocument
					let dis = {
						"diseaseId": this.userDocument.diseaseId
					}
					this.diseaseList.push(dis);
					this.getDrugList()
					this.otherlist()
					this.znSelectNewsList()

				})
			},
			submit() {
				// 正则表达式
				if (this.leaveBoard.tel != '') {
					if (!(/^1[3456789]\d{9}$/.test(this.leaveBoard.tel))) {
						this.$modal.msgError("手机号码格式错误，请重新输入")
						return false;
					}
				} else {
					this.$modal.msgError("请输入手机号码")
					return false;
				}
				leaveBoardAdd(this.leaveBoard).then(res => {
					if (res.code == 200) {
						this.$modal.msgSuccess("预约成功，客服人员将会与您联系。")
						this.leaveBoard = {
							name: '',
							tel: '',
							content: ''
						}
					} else if (res.code == 500) {
						// 重复提交！！！
						this.$modal.msgSuccess("已预约成功，请勿重复预约。")
						this.leaveBoard = {
							name: '',
							tel: '',
							content: ''
						}
					}
				});
			},

			otherlist() {
				let params = {
					"pageNum": 1,
					"pageSize": 5,
					"type": "01",
					"state": "1",
					"orderByColumn": "create_time",
					"isAsc": "desc",
					"diseaseId": this.userDocument.diseaseId
				}
				getotherlist(params).then(res => {
					this.othernewslist = res.rows
				})
			},
			//疾病指南文章
			znSelectNewsList() {
				let param = {
					"pageNum": 1,
					"pageSize": 4,
					"orderByColumn": "create_time",
					"type": "01",
					"isAsc": "desc",
					"state": "1",
					"diseaseId": this.userDocument.diseaseId,
				}
				getotherlist(param).then(response => {
					this.znNewsList = response.rows
				})
			},
			// 药品列表
			getDrugList() {
				let param = {
					"pageNum": 1,
					"pageSize": 4,
					"state": "1",
					"orderByColumn": "create_time",
					"isAsc": "desc",
					"drugDiseaseList": this.diseaseList.length > 0 ? this.diseaseList : null
				}
				getDrugList(param).then(res => {
					if (res.code == 200) {
						this.drugList = res.rows
					}
				})
			},
			// 临床招募列表
			getClinicalList() {
				let param = {
					"pageNum": 1,
					"pageSize": 6,
					"state": "1",
					"orderByColumn": "create_time",
					"isAsc": "desc",
					"clinicalDiseaseList": this.diseaseList.length > 0 ? this.diseaseList : null
				}
				getClinicalList(param).then(res => {
					if (res.code == 200) {
						this.clinicalList = res.rows
					}
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .is-input-border {
		height: 90rpx;
		border-radius: 16rpx;
		border: 1rpx solid #D7DDDC;
	}
	
	::v-deep .uni-input-wrapper {
		font-size: 32rpx;
	}
	
	::v-deep .uni-easyinput__content-input {
		padding: 0 33rpx;
	}
	
	::v-deep .u-input__textarea {
		font-size: 32rpx;
		padding: 21rpx 0;
	}
	.pagebody {
		padding-bottom: 136rpx;

		.topbox {
			padding: 20rpx 24rpx;
			background: #fff;
			border-bottom: 1px solid #dedede;
		}

		.banner {
			height: 388rpx;
			background: url(@/static/images/knowledge/disease/znbanner.png) no-repeat;
			background-size: contain;
		}

		.conbox {
			padding: 36rpx 24rpx;
			border-radius: 48rpx;
			margin-top: -90rpx;
			background: #fff;

			.title {
				font-weight: bold;
				font-size: 42rpx;
				color: #303B39;
				line-height: 64rpx;
			}

			.timebox {
				margin: 24rpx 0 32rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #7E8987;
				line-height: 24rpx;
			}

			.content {
				text-indent: 2em;
				padding: 40rpx 0 0;
				color: #303B39;
				font-size: 36rpx;
				line-height: 72rpx;
				font-weight: 400;

				::v-deep h2 {
					color: #00977C;
					font-size: 38rpx;
					font-weight: 800;
					position: relative;
					padding-left: 12rpx;
					margin-bottom: 24rpx;
					line-height: 72rpx;

					&::before {
						content: "";
						position: absolute;
						left: 0;
						top: 18rpx;
						width: 8rpx;
						height: 38rpx;
						background: #00977C;
						border-radius: 8px 8px 8px 8px;
					}
				}

				::v-deep h3 {
					color: #00977C;
					font-size: 38rpx;
					line-height: 72rpx;
					font-weight: 800;
					margin-bottom: 24rpx;
				}

				::v-deep h4 {
					color: #303B39;
					font-size: 38rpx;
					line-height: 72rpx;
					margin-bottom: 24rpx;
					font-weight: 800;
				}

				::v-deep p {
					color: #303B39;
					font-size: 36rpx;
					line-height: 72rpx;
					margin-bottom: 40rpx;
					font-weight: 400;
				}
			}

			.reference_material {
				font-weight: 400;
				font-size: 28rpx;
				color: #303B39;
				line-height: 56rpx;
				margin-top: 32rpx;
				word-break: break-all;
			}

			.disclaimers {
				background: #F0F6F5;
				border-radius: 8rpx;
				padding: 16rpx;
				margin-top: 32rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #576260;
				line-height: 56rpx;

				.disclaimers_font {
					color: #00D9B2;
				}
			}
		}
		.formbox {
			box-sizing: border-box;
			padding-top: 32rpx;
			background: #fff;
			border-radius: 32rpx;
			margin-top: 16rpx;
		
			.title {
				position: relative;
				width: max-content;
				padding: 0 16rpx;
		
				.titleline {
					bottom: 0;
					left: 0;
					height: 16rpx;
					width: 100%;
					background: #00D9B2;
					border-radius: 50rpx;
					z-index: 1;
				}
			}
		
			.formcontent {
				box-sizing: border-box;
				padding: 32rpx;
		
				.loginbtn {
					margin-top: 32rpx;
		
					uni-button {
						border-radius: 98rpx;
						width: 100%;
					}
		
					uni-button:after {
						border: none;
					}
		
					.button {
						background-color: #00D9B2;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 36rpx;
		
					}
				}
			}
		}
	}
</style>